<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <meta charset="UTF-8">
    <title>邮储白领贷</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <!--微信的css  -->
	<link rel="stylesheet" href="http://p5vm7p3yi.bkt.clouddn.com/weui.min.css">
	<link rel="stylesheet" href="http://p5vm7p3yi.bkt.clouddn.com/jquery-weui.min.css">
    <link rel="stylesheet" type="text/css" href="../public/css/index2.css">
    <link rel="stylesheet" type="text/css" href="css/jquery-ui.min.css">
    <link rel="stylesheet" type="text/css" href="css/home.css">
	
    <script src="http://p5ve3s2gq.bkt.clouddn.com/getUrlParam.js"></script>
    <script src="../public/js/modifyUrlpath.js"></script> 
	<script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script src="../public/js/ajaxWhite.js"></script>
    <script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-ui.min.js"></script>
	<script src="http://p5ve3s2gq.bkt.clouddn.com/storage.js" type="text/javascript"></script>
    <script src="js/index-city.js"></script>
    <script src="http://p5ve3s2gq.bkt.clouddn.com/jquery-weui.js" type="text/javascript"></script>
    <script src="../public/js/common.js"></script>
</head>

<body class="index">
    <header class="header">
        <div class="top">
            <img src="../public/images/logo.png" alt="logo" height="17px">
            <span class="mid">  |  </span>
            <div class="describe">
                <div class="city_CH"><span>江苏省</span>分行 <b class="switchCity" style="color:#ffa176;margin-left:5px">切换城市</b> </div>
            </div>
        </div>

        <div class="center">
            <div>
                <span>邮储</span>
                <span class="big">“ 白领贷 ”</span>
                <span>首贷体验季</span>
            </div>
            <div class="interestRate">
                <span class="searchPublicity">特惠巨献，利率低 ，名额有限</span>
            </div>

        </div>

        <div class="bottom">
        </div>
    </header>

    <div class="weui-cell" style="background:#fff;display:none">
        <div class="weui-cell__bd" style="border:1px solid #e6e6e6">
            <input class="weui-input" id="mobile" type="text" value="请选择城市" style="color:#999;font-size:16px;height:35px;padding-left:10px">
        </div>
    </div>

    <div id="center">
        <div class="list">
            <img src="./images/index/index2.png" alt="" height="30px">
            <span class="listMid">免担保</span>
            <span class="listEnd">无需抵押担保</span>
        </div>
        <div class="list borderNone">
            <img src="./images/index/index3.png" alt="" height="30px">
            <span class="listMid">额度高</span>
            <span class="listEnd">30万全额发放</span>
        </div>
        <div class="list borderleft">
            <img src="./images/index/index4.png" alt="" height="30px">
            <span class="listMid">支付活</span>
            <span class="listEnd">手机/网银可操作</span></div>
        <div class="list">
            <img src="./images/index/index5.png" alt="" height="30px">
            <span class="listMid">成本低</span>
            <span class="listEnd">利率低</span></div>

    </div>

    <div class="viewport">

        <div class="apply" id='footer'>
            <!-- <div class="line"></div> -->
            <div class="top">
                <div class="">
                    <img src="./images/index/index6.png" alt="" height="22px">
                    <span style="color: #747474;font-size: 14px;margin-left:8px">我要申请</span>
                    <span style="color: #c6c6c6;font-size: 12px;margin-left:8px">工作单位(正式在编员工)</span>
                </div>
            </div>

            <ul class="lists" id='lists' style="margin-top:50px;">
                <li cid="1"><a href="javascript: void(0);"><span class="icon"><i></i></span>  <span style="margin-left:5%">公务员、事业单位、公立学校、公立医院</span> </a></li>
                <li cid="2"><a href="javascript: void(0);"><span class="icon"><i></i></span>  <span style="margin-left:5%">电信、电力、烟草、港务、盐务、其他央企</span> </a></li>
                <li cid="3"><a href="javascript: void(0);"><span class="icon"><i></i></span><span style="margin-left:5%">银行</span></a></li>
                <li cid="4"><a href="javascript: void(0);"><span class="icon"><i></i></span> <span style="margin-left:5%">我行合作企业</span> <span STYLE="font-size: 13px">（500强企业、当地知名上市公司，私立医院，学校，国企，其他金融行业等）</span> 
                    <input type="text" id="other" style="width:90%" val="" placeholder="输入企业名称搜搜看" >
                </a></li>
                <li cid="5" class='liOther' style="display: none;">
                	<a href="javascript: void(0);"><span class="icon"><i></i></span> <span style="margin-left:5%">其他</span>
                    	<input type="text" id="other2" style="width:90%" val="" placeholder="输入企业名称" >
                	</a>
                </li>
            </ul>
            <button id="btn_apply" class="btn" onclick="apply();">测算信用额度及在线申请</button>
            <!-- <a href="#" onclick="clickEvent('查看各项优惠','click','查看');location.href='../';"> <button id="btn_100qu" class="btn btn_color_blue">进入查看邮储银行8元观影等各项优惠</button></a> -->
        </div>
    </div>

    <!-- <div style="background:#fff;font-size:14px;padding:10px;line-hight:10px;color:#cecece">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;中国邮储银行
        <span>苏州市分行</span> 共有营业网点272个，成立6年来，累计发放贷款600多亿元。惠及小微企业及个人超过13万户。得到广大客户的认知和信赖。2016年7月，中国邮储银行在“全球银行1000强排名”中，总资产排名已达到全球22名，称为中国第五大商业银行。
    </div> -->

    <!-- <div class="unsuit-box modal">
        <div class="tips">没有您的单位</div>
        <div class="desc">非常抱歉，您的单位暂未纳入授信范围，邀请您的小伙伴来试试吧！</div>
        <div class="btns">
            <button class="btn" onclick="closeBox();">不，谢谢！</button>
            <button class="btn active" onclick="getUrl();">邀请</button>
        </div>
    </div> -->
    <!-- <div class="invite-box modal">
        <div class="url">
            <div class="inner"><span id="msg_id"></span> </div>
        </div>
        <div class="tips2">请复制上面链接分享</div>
        <div class="btns">
            <button class="btn active" onclick="closePub();">确定</button>
        </div>
    </div> -->


    <script>
        AppController.getLocation();
        var values = ['南京', '无锡', '徐州', '常州', '苏州', '南通', '连云港', '淮安', '盐城', '扬州','镇江', '泰州', '宿迁']
        $("#mobile").picker({
            title: "请选择您所在城市",
            cols: [
                {
                    textAlign: 'center',
                    values: values
                }
            ],
            onClose: function (p) {
                areaCode(p.value[0],'manual')  //设置地区码  设置显示的城市
            }
        });
        var sceneId = UrlParm.parm("s");
        // var productId = UrlParm.parm("p")
        var productId = 'ec0e1691cfb34211aac5d1c8d7a829f4'
        var channelId = UrlParm.parm("c");   
        var mobileNo = UrlParm.parm("m");
        if(channelId == undefined && mobileNo != undefined){
            getChannelId(mobileNo,function(data){
                if(data.data.retcode == 0){
                    channelId = data.channelId
                }else{
                    channelId = 'm_'+mobileNo
                }
                console.log(channelId)
            })
        }
        window.localStorage.setItem('sceneId', sceneId);
        window.localStorage.setItem('productId', productId);
        window.localStorage.setItem('channelId', channelId);
        window.localStorage.setItem('indexHref', window.location.href);
        // alert(window.location.href);
        // alert(sceneId + '>>' + productId + '>>>' + channelId)

        // 下拉弹框
        $(".switchCity").picker({
            title: "请选择城市",
            cols: [
                {
                    textAlign: 'center',
                    values: values
                }
            ],
            onClose: function (p) {
                areaCode(p.value[0],'manual')  //设置地区码  设置显示的城市
            }
        });
    </script>
</body>

</html>